<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>微票儿</title>
		<link rel="stylesheet" href="./Bootstrap4.6.1/css/bootstrap.css">
		<script src="./Bootstrap4.6.1/js/jquery.js"></script>
		<script src="./Bootstrap4.6.1/js/bootstrap.bundle.js"></script>
		<style>
			.guanggao{
				background: url("./bsimg/bannerbg.png") no-repeat;
				background-size: 100% 100%;
			}
		</style>
	</head>
	<body>

		<div class="guanggao">
			<div class="row align-items-center py-3">
				<!-- 轮播图 -->
				<div class="col-12 col-md-9 text-center px-5">
					<div id="carouselExampleIndicators" class="carousel slide " data-ride="carousel">
						<ol class="carousel-indicators">
							<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
							<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
							<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
							<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
						</ol>
						<div class="carousel-inner">
							<div class="carousel-item active">
								<img src="./bsimg/1.jpg" class="d-block w-100" alt="...">
							</div>
							<div class="carousel-item">
								<img src="./bsimg/2.jpg" class="d-block w-100" alt="...">
							</div>
							<div class="carousel-item">
								<img src="./bsimg/3.jpg" class="d-block w-100" alt="...">
							</div>
							<div class="carousel-item">
								<img src="./bsimg/4.jpg" class="d-block w-100" alt="...">
							</div>
						</div>
						<button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators"
							data-slide="prev">
							<span class="carousel-control-prev-icon" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</button>
						<button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators"
							data-slide="next">
							<span class="carousel-control-next-icon" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</button>
					</div>
				</div>
				<!-- 特惠看 -->
				<div class="col-12 col-md-3">
					<!-- 卡片组件 -->
					<div class="card pt-4 " >
						<!-- 卡片标题 -->
						<h1>特惠看</h1>
						<img src="./bsimg/img1.jpg" class="card-img-top w-100" alt="...">
						<!-- 卡片列表 -->
						<ul class="list-group list-group-flush">
							<li class="list-group-item"><a href="">[苏州]2016迷笛电子音乐节(预售)</a></li>
							<li class="list-group-item"><a href="">穿着花裤子喝着小酒通宵达旦</a></li>
							<li class="list-group-item"><a href="">2016刘若英世界巡回演唱会)</a></li>
							<li class="list-group-item"><a href="">[上海]百老汇经典音乐剧--《狮子王》</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
